<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>会员注册页面</title>
    <link href="//unpkg.com/layui@2.8.8/dist/css/layui.css" rel="stylesheet">
  <style>
    .mydiv {
      position: absolute;
      /* 设置 left 和 top 属性为 50% */
      left: 50%;
      top: 50%;
      /* 向左和向上移动元素的一半，在实现居中效果 */
      transform: translate(-50%, -50%);
      /* 其他样式 */
      width: 600px;
      height: 600px;
      background-color: #f2f2f2;
      margin-top: 10px;
      font-weight: bold;
    }
    .mydiv-add {
        position: absolute;
        /* 设置 left 和 top 属性为 50% */
        left: 50%;
        top: 45%;
        /* 向左和向上移动元素的一半，在实现居中效果 */
        transform: translate(-50%, -50%);
        /* 其他样式 */
        width: 300px;
        height: 400px;
        font-weight: bold;
    }
  </style>
</head>
<body>
<div class="mydiv">
<h1 style="text-align: center">Catton会员注册</h1>
    <div class="mydiv-add">
        <form action="/user/getAddUser.do" accept-charset="UTF-8"  method="post" enctype="multipart/form-data">
            会员名:<input type="text" name="userName" class="layui-input">
            密码:<input type="password" name="password" class="layui-input">
                <div style="margin-top: 10px;margin-bottom: 10px">
                    男<input type="radio" name="sex" value="男" title="男" checked>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    女<input type="radio" name="sex" value="女" title="女">
                </div>
            电话:<input type="text" name="phone" class="layui-input">
            邮箱:<input type="text" name="email" class="layui-input">
            地址:<input type="text" name="address" class="layui-input">
            <input type="submit" class="layui-btn layui-btn-normal layui-btn-radius" style="width: 300px;margin-top: 20px" value="免费加入">
        </form>
    </div>
</div>
</body>
</html>